<template>
  <div class="setting">
    <el-card>
      <h4>一级权益</h4>
      <el-form>
        <el-form-item label="可上架商品数量">
          <span><el-input style="width: 50px" size="small" /> 个</span>
          <span><el-input style="width: 50px;margin-left: 30px;" size="small" /> 元/年</span>
          <span class="youhui" style="margin-left: 30px">优惠价 <el-input style="width: 50px" size="small" /> 元/年</span>
        </el-form-item>
      </el-form>
    </el-card>
    <el-card>
      <h4>二级权益</h4>
      <el-form>
        <el-form-item label="可上架商品数量">
          <span><el-input style="width: 50px" size="small" /> 个</span>
          <span><el-input style="width: 50px;margin-left: 30px;" size="small" /> 元/年</span>
          <span class="youhui" style="margin-left: 30px">优惠价 <el-input style="width: 50px" size="small" /> 元/年</span>
        </el-form-item>
      </el-form>
    </el-card>
    <el-card>
      <h4>三级权益</h4>
      <el-form>
        <el-form-item label="可上架商品数量">
          <span><el-input style="width: 50px" size="small" /> 个</span>
          <span><el-input style="width: 50px;margin-left: 30px;" size="small" /> 元/年</span>
          <span class="youhui" style="margin-left: 30px">优惠价 <el-input style="width: 50px" size="small" /> 元/年</span>
        </el-form-item>
      </el-form>
    </el-card>
    <el-button type="primary">保存</el-button>
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  props: {},
  data () {
    return {}
  },
  computed: {},
  watch: {},
  created () {},
  mounted () {},
  methods: {}
}
</script>

<style scoped>
::v-deep .youhui {
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px solid #000;
}
::v-deep .el-card {
  margin-top: 30px;
  margin-left: 24px;
  width: 888px;
}
::v-deep .el-form-item {
  margin-left: 52px;
}
::v-deep .el-button {
  margin-top: 30px;
  margin-left: 144px;
  width: 140px;
}
</style>
